<template>
<div class="aboutUs-container">
  <div class="aboutUs">
    <div class="member">
      <ul>
        <li>
          <div class="post">
            <div class="headPic-container">
              <img src="../assets/headPic.png" alt="头像" height="100%">
            </div>
            <div class="think">
              <h1>李健志</h1>
              <div class="main">asdawdsdasdawdsdasdawdsdasdawdsdasdawdsdasdawdsd
                asdawdsdasdawdsdasdawdsdasdawdsdasdawdsdasdawdsd
                asdawdsdasdawdsdasdawdsdasdawdsdasdawdsdasdawdsd</div>
            </div>
          </div>
        </li>
        <li>
          <div class="post">
            <div class="headPic-container">
              <img src="../assets/headPic.png" alt="头像" height="100%">
            </div>
            <div class="think">
              <h1>陈泰裕</h1>
              <div class="main">asdawdsdasdawdsdasdawdsdasdawdsdasdawdsdasdawdsd
                asdawdsdasdawdsdasdawdsdasdawdsdasdawdsdasdawdsd
                asdawdsdasdawdsdasdawdsdasdawdsdasdawdsdasdawdsd</div>
            </div>
          </div>
        </li>
        <li>
          <div class="post">
            <div class="headPic-container">
              <img src="../assets/headPic.png" alt="头像" height="100%">
            </div>
            <div class="think">
              <h1>朱湛轮</h1>
              <div class="main">asdawdsdasdawdsdasdawdsdasdawdsdasdawdsdasdawdsd
                asdawdsdasdawdsdasdawdsdasdawdsdasdawdsdasdawdsd
                asdawdsdasdawdsdasdawdsdasdawdsdasdawdsdasdawdsd</div>
            </div>
          </div>
        </li>
        <li>
          <div class="post">
            <div class="headPic-container">
              <img src="../assets/headPic.png" alt="头像" height="100%">
            </div>
            <div class="think">
              <h1>潇海杰</h1>
              <div class="main">asdawdsdasdawdsdasdawdsdasdawdsdasdawdsdasdawdsd
                asdawdsdasdawdsdasdawdsdasdawdsdasdawdsdasdawdsd
                asdawdsdasdawdsdasdawdsdasdawdsdasdawdsdasdawdsd</div>
            </div>
          </div>
        </li>
        <li>
          <div class="post">
            <div class="headPic-container">
              <img src="../assets/headPic.png" alt="头像" height="100%">
            </div>
            <div class="think">
              <h1>梁志欢</h1>
              <div class="main">asdawdsdasdawdsdasdawdsdasdawdsdasdawdsdasdawdsd
                asdawdsdasdawdsdasdawdsdasdawdsdasdawdsdasdawdsd
                asdawdsdasdawdsdasdawdsdasdawdsdasdawdsdasdawdsd</div>
            </div>
          </div>
        </li>
      </ul>
    </div>
  </div>
</div>
</template>

<script>
export default {
  name: 'AboutUs'
}
</script>

<style scoped lang="less">
.aboutUs-container {
  width: 100vw;
  height: 100vh;
  .aboutUs {
    height: 100%;
    width: 835px;
    margin: 0 auto;
  }
  .member {
    li {
      margin-top: 15px;
      .post {
        width: 835px;
        height: 140px;
        border-radius: 8px;
        display: flex;
        background-color: #fff;
        opacity: .9;
        .headPic-container {
          height: 140px;
          width: 140px;
        }
        .think {
          margin-left: 10px;
          .main {
            margin-top: 10px;
            width: 500px;
          }
        }
      }
    }
  }

}
</style>
